<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>IntraActivity</title>
<link rel="stylesheet" type="text/css" href="/css/style.css" media="all"/>
<link rel="shortcut icon" href="/images/favicon.ico"/>
</head>

<body>
<div class="main-in-window" id="container">
	<div class="content-box">
		<div class="logo"><a href="#"><h1 style="font-size:24px;color:#38ABDC;font-weight:bold">IntraActivity</h1></a></div>
		<div class="header-link01">
			&nbsp;
		</div>
		<div class="header-link">
			<ul>
				<li><span style="color:#61790B; font-weight:normal">Activity Stream :</span><a href="/bookmarks/" class="linkblog">Bookmarks</a>l</li>
				<li><a href="/slides/" class="linkblog">Slides</a>|</li>
				<li><a href="/videos/" class="linkblog">Videos</a>|</li>
				<li><a href="/photos/" class="linkblog">Photos</a>|</li>
				<li><a href="/tweet/" class="linkblog">Tweet</a></li>
			</ul>
		</div>
	</div>
	<div class="content-box01">
		<div class="main-content-top">&nbsp;</div>
		<div class="main-content">
			<div class="photos-content-text">Our Photo Sharings</div>
			<div class="main-contentleft">
				<div class="photos-contentleft01">
					<div class="main-contentlefttab">&nbsp;</div>
					<div class="main-lefttab">Photo Albums</div>
					<div class="photos-lefttab">
						<div class="photos-righttab04">
							<ul>
							{% for album in albumList.feed.entry %}
								{% if forloop.last %}									
									<li style="border-bottom:none;"><a href="#" class="link03">{{ album.mediagroup.mediatitle.t }}</a></li>
								{% else %}
									<li><a href="/photos/{{ album.gphotoid.t }}/photos/" class="link03">{{ album.mediagroup.mediatitle.t }}</a></li>
								{% endif %}
							{% endfor %}								
							</ul>
						</div>
					</div>
				</div>
				<div class="main-contentleft01">
					<div class="main-contentlefttab">&nbsp;</div>
					<div class="main-lefttab">Album Tags</div>
					<div class="photos-lefttab-txt">
						<div class="main-lefttab-link">
							<ul>
							{% for tags in tagList.feed.entry %}
								{% ifequal tags.title.t tagName %}	
									<li><a href="/photos/{{ tags.title.t }}/tagphotos/" class="tab {% cycle small,medium,big,large %}" style="color:#0194D3;font-weight:bold;font-size:24px">{{ tags.title.t }}</a></li>
								{% else %}
									<li><a href="/photos/{{ tags.title.t }}/tagphotos/" class="tab {% cycle small,medium,big,large %}">{{ tags.title.t }}</a></li>
								{% endifequal %}
							{% endfor %}
								<!--<li><a href="#" class="tab">architecture</a>l</li>
								<li><a href="#" class="tab">design</a>l</li>
								<li><a href="#" class="tab">technology</a>l</li>
								<li><a href="#" class="tab">database</a>l</li>
								<li><a href="#" class="tab">performance</a>l</li>
								<li><a href="#" class="tab">xmpp</a>l</li>
								<li><a href="#" class="tab">php</a>l</li>
								<li><a href="#" class="tab">mysql</a></li>-->
							</ul>
						</div>
					</div>
					<div class="main-lefttab-txt01">
						<div class="main-lefttab-txt02">Activity Stream is built using OpenSource product : <span>IntraActivity</span></div>
					</div>
					<div class="main-contentlefttab01"></div>
					
				</div>
			</div>
			<div class="main-contentright">
				<div class="slides-main-txt">Latest Photos</div>
				<div class="slides-main">
				{% for photos in photoList.feed.entry %}
					{% for thumbnail in photos.mediagroup.mediathumbnail %}
						{% if forloop.first %}
							<div class="photos-mainimg"><a href="#" target="_blank"><img src="{{ thumbnail.url }}" width="{{ thumbnail.width }}" height="{{ thumbnail.height }}" border="0" /></a></div>
						{% endif %}
					{% endfor %}
				{% endfor %}
					<!--<div class="photos-mainimg"><img src="/images/photos-img.jpg" width="82" height="71" /></div>
					<div class="photos-mainimg"><img src="/images/photos-img.jpg" width="82" height="71" /></div>
					<div class="photos-mainimg"><img src="/images/photos-img.jpg" width="82" height="71" /></div>
					<div class="photos-mainimg"><img src="/images/photos-img.jpg" width="82" height="71" /></div>
					<div class="photos-mainimg"><img src="/images/photos-img.jpg" width="82" height="71" /></div>-->
					<div class="morelink"><a href="http://picasaweb.google.com/{{ userName }}" target="_blank">More</a></div>
				</div>
				<div class="slides-main-txt">Photos</div>
				<div class="slides-main">
				{% for albumPhotos in albumPhotoList.feed.entry%}
					{% for phthumbnail in albumPhotos.mediagroup.mediathumbnail %}
						{% if forloop.first %}
							<div class="photos-mainimg"><img src="{{ phthumbnail.url }}" width="{{ phthumbnail.width }}" height="{{ phthumbnail.height }}" border="0" /></div>
						{% endif %}
					{% endfor %}
				{% endfor %}
					<!--<div class="photos-mainimg"><img src="/images/photos-img.jpg" width="82" height="71" /></div>
					<div class="photos-mainimg"><img src="/images/photos-img.jpg" width="82" height="71" /></div>
					<div class="photos-mainimg"><img src="/images/photos-img.jpg" width="82" height="71" /></div>
					<div class="photos-mainimg"><img src="/images/photos-img.jpg" width="82" height="71" /></div>
					<div class="photos-mainimg"><img src="/images/photos-img.jpg" width="82" height="71" /></div>-->
					<div class="morelink"><a href="http://picasaweb.google.com/{{ userName }}" target="_blank">More</a></div>
				</div>
			</div>
		</div>
	</div>
</div>
<div class="main-in-window">
	<div class="bg-footer" id="footer">
		<div class="bg-footer-txt">
			<ul>
				<li><a href="/bookmarks/" class="linkblog">Bookmarks</a>l</li>
				<li><a href="/slides/" class="linkblog">Slides</a>|</li>
				<li><a href="/videos/" class="linkblog">Videos</a>|</li>
				<li><a href="/photos/" class="linkblog">Photos</a>|</li>
				<li><a href="/tweet/" class="linkblog">Tweet</a></li>			
			</ul>
		</div>
		<div class="bg-footer-txt01">IntraActivity</div>
	</div>
</div>
</body>
</html>
